// 先封装axios，做一些通用配置，方便后续的使用
import { ID, KEY, DOMAIN } from "../config";
import axios from "axios";
import { ElMessage } from "element-plus";
const instance = axios.create({
  baseURL: DOMAIN + "/1.1", //务必使用自己的域名
  headers: {
    "X-LC-Id": ID, //务必使用自己的ID
    "X-LC-Key": KEY, //务必使用自己的key
    "Content-Type": "application/json",
  },
});

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    console.log("请求拦截器", config);
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);
const statusList = {
  200: {
    msg: "操作成功",
    type: "success",
  },
  400: {
    msg: "操作失败",
    type: "error",
  },
};
// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    console.log("响应拦截器", response);
    let { status } = response;
    let { msg, type } = statusList[status];
    ElMessage({
      message: msg,
      type,
    });
    return response;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

export default instance;
